<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>教育资源-编辑资料</title>
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/LeftsideBar.css">
	<link rel="stylesheet" href="css/accountSafe.css">
	<link rel="stylesheet" href="resource/resFilesCss/public.css">
</head>
<body>
	<div id="header"></div>
	<div class="mainBg">
		<div class="mainBgMid clearfix">
			<div class="leftNav"></div>
			<div class="rightContent">
				<p class="titP">账号信息</p>
<!-- 				<div class="modifyBox">
					<p>温馨提示：绑定后不仅可作为账号登录，还可以便于找回密码</p>
					<p>
					<label for="">绑定邮箱</label>
					<input type="text" >
					</p>
				</div> -->
					<div class="bill-box mgt10" style="background: rgb(252, 252, 252);" id="bind_email_suc">
				        <div class="finish_bind">
				            <p class="bind email"><span></span></p>
				            <p class="t_c mgt5">已绑定邮箱<i class="ca82929">893****@qq.com</i></p>
				            <h3 class="mgt15">
				                <input type="button" id="changeEmail" class="u_white_btn mgr10" value="更改邮箱">
				                <input type="button" class="u_gray_btn f14" id="unBindEmail" value="解除绑定">
				            </h3>
				        </div>
					</div>
					<div class="bill-box mgt20  dis_none" style="background: rgb(252, 252, 252); " id="bind_email_add">
				        <form name="bindEmail" action="/index.php?r=widgets/mm_center_person/35/ucenter/security/security/sendActEmail" method="post" id="bindEmail" class="ff f_email">
				            <p class="pdl10">温馨提示：绑定后不仅可作为账号登录，还可以便于找回密码</p>
				            <p class="mgt5 pdl10">
				                <span class="label_s pdr10">绑定邮箱：</span>
				                <input name="email" value="" class="inp vali_error" style="width:216px; " type="text">
				            </p>
				            <h3 class="mgt20" style="margin-left:98px;">
				                <input type="submit" class="u_white_btn mgr10 reg_btn_submit" value="绑定邮箱">
				                <input type="button" value="去邮箱看看" class="u_white_btn mgr10 goEmailAgent" style="display:none;">
				                <input type="button" class="u_gray_btn f14" id="Emailcancel" value="取消">
				            </h3>
				        </form>
					</div>
			</div>
		</div>
	</div>
	<div class="footerBot"></div>
	<script src="./js/jquery.js"></script>
	<script src="./js/fxtpl.plus.js"></script>
	<script>
		// save Btn click 
		$(".btnSave").on("click",function(){
			var inputNow = $(".passWordLine").find("input");
			var redTip = $(".redTip");
			inputNow.each(function(){
				$(this).removeClass("redBorder");
			});
			redTip.each(function(){
				$(this).css("display","none");
			});
			if(inputNow.eq(0).val()==""){
				inputNow.eq(0).addClass("redBorder");
				inputNow.eq(0).siblings(".redTip").css("display","inline-block");
			}else if(inputNow.eq(1).val()==""){
				inputNow.eq(1).addClass("redBorder");
				inputNow.eq(1).siblings(".redTip").css("display","inline-block");
			}else if(inputNow.eq(2).val()==""){
				inputNow.eq(2).addClass("redBorder");
				inputNow.eq(2).siblings(".redTip").css("display","inline-block");
			}else{
				window.location.href = "tesachSpace.html";
			}
			return false;
		})

		 var dataClass = {"dataClass":7};
		 var header = Fxtpl.render('./weight/header.html',dataClass);
		 $('#header').html(header);

		 var sildeBar = { rankNum:4};
		 var leftNavBar = Fxtpl.render('./weight/LeftsideBar.html',sildeBar);
		 $(".leftNav").html(leftNavBar);

		 $("#changeEmail").on("click",function(){
		 	$(".bill-box").eq(0).addClass("dis_none");
		 	$(".bill-box").eq(1).removeClass("dis_none");
		 });
		 $("#unBindEmail").on("click",function(){
		 	$(".bill-box").eq(0).addClass("dis_none");
		 	$(".bill-box").eq(1).removeClass("dis_none");
		 });


	</script>
</body>
</html>